<template>
  <div>
    <div class="dialog">
      <el-dialog
        width="45%"
        title="补货详情"
        :visible="isShowReplenish"
        append-to-body
        @close="handleClose"
      >
        <div class="table">
          <el-table
            style="width: 100%"
            class="customer-table"
            :data="replennishDetails"
            height="500"
          >
            <el-table-column
              prop="channelCode"
              label="货道编号"
            />
            <el-table-column
              prop="skuName"
              label="商品"
            />
            <el-table-column
              prop="expectCapacity"
              label="补货数量"
            />

          </el-table>

        </div>
      </el-dialog>
    </div>

  </div>
</template>

<script>
export default {
  props: {
    isShowReplenish: {
      type: Boolean,
      default: false
    },
    replennishDetails: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
      loading: false
    }
  },
  methods: {
    submit() {

    },
    handleClose() {
      this.$emit('update:isShowReplenish', false)
    }
  }
}
</script>

<style lang="scss" scoped>
 ::v-deep .el-dialog__title {
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 700;
}
.table {

      ::v-deep .el-table th, .el-table tr th {
         background: rgb(243, 246, 251);
         border: none;
         font-size: 14px;
         color: #666;

    }
    ::v-deep.el-table {
      // height: 368px !important;
      border-bottom: none !important;
    }
//     .el-table__body-wrapper {
//  height: 360px;
//  overflow: hidden;
//     }

 }

</style>
